<template>
	<view class="p1">
		parent1
		<text class="p2">parent2</text>
		<child></child>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.p1 {
		color: red;
	}

	.p2 {
		color: blue;
	}

	.c1 {
		color: green
	}

	::v-deep .c2 {
		color: purple;
	}
</style>